<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <link rel="icon" href="../20200717/image/logo.png"/>

    <style>
        body{
            /*background: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);*/
            background-repeat: no-repeat;

        }
        #main div {
            height: 50px;
            width: 50px;
            margin: 5px;
            border: 2px red dashed;
            padding: 10px;
            float: left;
        }

        #main {
            border: #4F1268 3px solid;
            /*height: 200px;*/
            float: left;
            /*clear: both;*/
            /*overflow: hidden;*/
            margin: 5px;
        }

        /*#clear{*/
        /*    height: 0;*/
        /*    clear: both;*/
        /*}*/

        #main:after{
            content: '';
            display: block;
            clear: both;
        }

        /*h1 {*/
        /*    clear: both;*/
        /*    margin: 5px;*/
        /*}*/
        #ad{
            background-repeat: no-repeat;
            background: url("../20200717/image/logo.png");
            position: fixed;
            right: 0;
            bottom: 0;
        }


    </style>

</head>
<body >

<div id="main" class="clear">
    <div id="d1">1</div>
    <div id="d2">2</div>
    <div id="d3">3</div>
    <div id="d4">4</div>
    <div id="d5">5</div>
    <div id="d6">6</div>
    <div id="d7">7</div>
    <div id="d8">8</div>
    <div id="d9">9</div>
</div>
<!--<div id="clear"></div>-->
<h1 style="border: 2px solid blue">6666</h1>
<div id="ad"></div>

</body>
</html>